import Vue from 'vue'
import axios from 'axios'
import router from '@/router/routers'
import { Notification } from 'element-ui'
import store from '../store'
import { getToken } from '@/utils/auth'
import Config from '@/settings'
import Cookies from 'js-cookie'

let loadinginstace

// 创建axios实例
const service = axios.create({
  baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_API : 'http://localhost:8000', // api 的 base_url
  timeout: Config.timeout // 请求超时时间
})

// request拦截器
service.interceptors.request.use(
  config => {
    if (getToken()) {
      config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
    }
    config.headers['Content-Type'] = 'application/json'
    const flags = true
    if (flags) {
      loadinginstace = Vue.prototype.$loading({lock: true, text: '加载中...', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.0)'})
    }
    return config
  },
  error => {
    loadinginstace && loadinginstace.close()
    // Do something with request error
    console.log(error) // for debug
    Promise.reject(error)
  }
)

// response 拦截器
service.interceptors.response.use(
  response => {
    loadinginstace && loadinginstace.close()
    const code = response.status
    const data = response.data
    if (code < 200 || code > 300) {
      Notification.error({
        title: response.message
      })
      return Promise.reject('error')
    } else {
      if (data.code != null) {
        const desc = data.desc || '服务暂时不可用，请稍后再试！'
        switch (data.code) {
          case '0000':
            return response.data
          default:
            console.error('######### Get error response data: ' + JSON.stringify(response.data))
            Vue.prototype.$message({
              customClass:'zZindex',
              duration: 4000,
              message: desc,
              type: 'error',
              center: true
            })
            return Promise.reject(response)
        }
      } else {
        return response.data
      }
    }
  },
  error => {
    loadinginstace && loadinginstace.close()
    let code = 0
    try {
      code = error.response.data.status
    } catch (e) {
      if (error.toString().indexOf('Error: timeout') !== -1) {
        Notification.error({
          title: '网络请求超时',
          duration: 5000
        })
        return Promise.reject(error)
      }
    }
    if (code) {
      if (code === 401) {
        store.dispatch('LogOut').then(() => {
          // 用户登录界面提示
          Cookies.set('point', 401)
          location.reload()
        })
      } else if (code === 403) {
        router.push({ path: '/401' })
      } else {
        const errorMsg = error.response.data.message
        if (errorMsg !== undefined) {
          Notification.error({
            title: errorMsg,
            duration: 5000
          })
        }
      }
    } else {
      Notification.error({
        title: '系统正在升级，请稍后重试？',
        duration: 5000
      })
    }
    return Promise.reject(error)
  }
)

Vue.prototype.$http = service

export default service
